Learn how to create a custom weather Chrome Extension using the Modern Web Guidance extensions skill and Chrome DevTools for agents to boost a coding agent like Antigravity. By combining best-practice context with automated debugging in the browser, you can eliminate the manual friction of extension development. After the agent handles the initial code generation, you can prompt it to iterate on features, such as adding a multi-day forecast. Set up these tools in your workflow and streamline how you build and test browser extensions.
Chapters:
00:00 - Introduction
00:44 - Add the Modern Web Guidance extensions skill
01:38 - Install Chrome DevTools for agents
02:06 - Configure the MCP server capabilities
02:43 - Prompt the AI agent to generate code
03:36 - Test the extension in the browser
03:52 - Iterate and add a three-day forecast
Resources:
Setup guide →
Modern Web Guidance →
Chrome DevTools for agents →
Watch more Developer Mode →
Subscribe to Chrome for Developers →
#ChromeForDevelopers #Chrome #Antigravity
Speaker: Milica Mihajlija
Products Mentioned: Chrome
|
Join the GameDay crew as we take on a re...
Having trouble with two-way SMS in AWS E...
AWS Elemental Inference applies AI in pa...
Documentation → Discover how to use t...
Say goodbye to redundant constructor boi...
Click this link and use my code PYTHON ...
Live from FlutterCon USA in Orlando, And...
Challenger Center, a 2024 AWS Imagine Gr...
Lieber Institute for Brain Development, ...
本日は脱・AIスライドについてお話させて頂きました! ぜひご視聴ください! ...